<template>
<van-count-down :time="time">
  <template #default="timeData" >
    <div class="span_right">
    <img src="/image/jslogo.png" alt="" class="bimg">
     <div>
      <span class="block">{{ timeData.days }}</span>
      <span class="colon">:</span>
      <span class="block">{{ timeData.hours }}</span>
      <span class="colon">:</span>
      <span class="block">{{ timeData.minutes }}</span>
      <span class="colon">:</span>
      <span class="block">{{ timeData.seconds }}</span>
     </div>
    </div>
  </template>

</van-count-down>
</template>

<script>
  export default {
    data() {
      return {
        time:'',

      }
    },
    mounted () {
      let OldDay=new Date().getTime();
      let NewDay=new Date('2022/02/04 20:00:00').getTime()
      this.time=NewDay-OldDay
      
    },

  }
</script>

<style>

.colon {
    display: inline-block;
    margin: 0 4px;
    color: #245e9b;
    font-size: 14px;
  }
.block {
    display: inline-block;
    width: 22px;
    color: #245e9b;
    font-size: 14px;
    text-align: center;
  }
.bimg{
    width: 100%;
  }
  .span_right{
    position: relative;
  }
  .span_right >div{
    position: absolute;
    top:5%;
    left:49%;
  }
</style>